@extends('home.main')
@section('seo')
    <title>健康购</title>
@stop
@section('css_js')
    <link rel="stylesheet" type="text/css" href="css/public.css">
    <link rel="stylesheet" type="text/css" href="css/main_style.css">
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.js"></script>
    <script type="text/javascript" src="js/fontsize.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
    <!-- 轮播图 -->
    <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
    <!-- 图片滚动 -->
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/swiper.jquery.min.js"></script>
@stop
@section('content')
    @include('home.layouts.search')
    @include('home.layouts.carouse')
        <!-- 海外馆分类无缝滚动 -->
    <div class="bg-white pb25 pt25 pl20 pr20 f24">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="#"><img src="images/category/zhu.png"/><span>土猪馆</span></a></div>
                <div class="swiper-slide"><a href="#"><img src="images/category/ji.png"/><span>土鸡馆</span></a></div>
                <div class="swiper-slide"><a href="#"><img src="images/category/ee.png"/><span>土鹅馆</span></a></div>
                <div class="swiper-slide"><a href="#"><img src="images/category/taiwan.png"/><span>台湾馆</span></a></div>
                <div class="swiper-slide"><a href="#"><img src="images/category/qita.png"/><span>其他</span></a></div>
            </div>
        </div>
    </div>
    <!-- 热购 -->
    <div class="hot_sell bg-white pt10">
        <h3 class="title f20 normal">爽十一</h3>
        <div class="full_img"><img src="images/index/1.jpg" alt=""></div>
    </div>
    <div class="hot_products clearfix">
        <div class="hot_prod_list">
            <div class="box pos_rel">
                <img src="images/index/ji.jpg">
                <h4><a href="">母鸡</a></h4>
                <div class="price"><span class="red new">￥<i>299</i></span><span class="old">￥<i>1080</i></span></div>
                <a href="#" class="btn_buy red pos_abs">立即抢购</a>
            </div>
        </div>
        <div class="hot_prod_list">
            <div class="box pos_rel">
                <img src="images/index/ji.jpg">
                <h4><a href="">老鹅</a></h4>
                <div class="price"><span class="red new">￥<i>299</i></span><span class="old">￥<i>1080</i></span></div>
                <a href="#" class="btn_buy red pos_abs">立即抢购</a>
            </div>
        </div>
    </div>
    @include('home.layouts.foot')
@stop
@section('javascript')
    <script type="text/javascript">
        $(function () {
            //轮播图
            $('#banner').flexslider({
                animation : 'slide',
                controlNav : true,
                directionNav : false,
                animationLoop : true,
                slideshow : true,
                useCSS : false
            });

            //图片滚动
            var swiper = new Swiper('.swiper-container', {
                slidesPerView: 5,
                spaceBetween: 15,
                freeMode: true
            });

        });
    </script>
@stop
